* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	box-sizing: border-box;
	list-style: none;
}
/* body {
	background: #f4f8fd;
	/* background: red; 
} */
:root {
    --bwsz-all-bg: #f4f8fd;
    --bwsz-nav-bg: #fff;
    --bwsz-nav-li-color: #2c3e50;
	--bwsz-color: #42b983;
	--bwsz-color-hon: #F60;
	--el-color-primary: #42b983;
}
 
/* html.dark {
    background: var(--bwsz-all-bg);
} */
body {
	background: var(--bwsz-all-bg);
}
/* 公用 */
.col-main {
	width: 1200px;
	margin: 0 auto;
}
.col-fl {
	float: left;
}
.col-fr {
	float: right;
}
.col-tal {
	text-align: left;
}
.col-tac {
	text-align: center;
}
.col-tar {
	text-align: right;
}
/* 导航 start */
.head {
    padding: 10px 0;
    background-color: var(--bwsz-nav-bg);
    position: relative;
    width: 100%;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
}
.head .head-logo {
    height: 40px;
}
.head .head-nav {
    line-height: 40px;
    margin-left: 60px;
    
}
.head .head-nav .head-li {
    font-weight: bold;
    color: var(--bwsz-nav-li-color);
    margin: 0 20px;
    
}
.head .head-nav .router-link-exact-active {
    color: var(--bwsz-color);
}
.head .head-btn {
    color: #fff;
    background-color: var(--bwsz-color);
    border: 1px solid var(--bwsz-color);
    margin-top: 5px;
}
.head .head-btn1 {
    color: var(--bwsz-nav-li-color);
    background-color: var(--bwsz-nav-bg);
    border: 1px solid var(--bwsz-nav-bg);
}
.head .head-right {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 12px;
	color: var(--bwsz-nav-li-color);
}
/* 导航 end */

/* 左侧菜单 start */
.new-tab-ul1 {
	margin-top: 10px;
}
.new-tab-ul {
	width: 180px;
	background-color: var(--bwsz-nav-bg);
	padding: 20px 30px;
	margin-top: 20px;
	position: fixed;
	top: 50px;
	border-radius: 5px;
	text-align: left;
}
.new-tab-ul .new-tab-ul-li {
	width: 100%;
	font-size: 16px;
	line-height: 40px;
	cursor: pointer;
	color: var(--bwsz-nav-li-color);
}
.new-tab-ul .new-tab-active {
	color: var(--bwsz-color);
	font-weight: 600;
}
/* 左侧菜单 end */

/* 资讯列表 start */
.new-li {
	width: 100%;
	padding: 16px;
	background-color: var(--bwsz-nav-bg);
	overflow: hidden;
	border-radius: 5px;
	margin-top: 10px;
}
.new-li .new-li-head {
	text-align: left;
	position: relative;
}
.new-li .new-li-head .nl-head-img {
	width: 55px;
	height: 55px;
	overflow: hidden;
	border-radius: 50%;
	background-color: #f4f8fd;
	float: left;
	border: 1px solid #f2f2f2;
	margin-right: 10px;
}
.new-li .new-li-head .nl-head-h2 {
	width: calc(100% - 65px);
	font-size: 16px;
	font-weight: 600;
	float: left;
	margin-top: 6px;
	color: var(--bwsz-nav-li-color);
	cursor: pointer;
}
.new-li .new-li-head .nl-head-h2:hover {
	color: var(--bwsz-color);
}
.new-li .new-li-head .nl-head-time {
	width: calc(100% - 135px);
	font-size: 13px;
	color: #939393;
	float: left;
	margin-top: 6px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.new-li .new-li-head .nl-head-time span {
	margin-right: 10px;
}
.new-li .new-li-head .nl-head-follow {
	position: absolute;
	right: 5px;
	top: 0px;
	color: var(--bwsz-color);
	border: 1px solid var(--bwsz-color);
}
.new-li .new-li-head .nl-head-follow-yes {
	position: absolute;
	right: 5px;
	top: 0px;
	color: var(--bwsz-color-hon);
	border: 1px solid var(--bwsz-color-hon);
}
.new-li .new-li-info {
	width: 100%;
	font-size: 16px;
	line-height: 26px;
	float: left;
	text-align: left;
	padding-left: 65px;
	margin-top: 5px;
	color: var(--bwsz-nav-li-color);
}
.new-li .new-li-video {
	width: 100%;
	float: left;
	padding-left: 65px;
	text-align: left;
	margin-top: 5px;
}
.new-li .new-li-video .video-player {
	width: calc(100% - 65px);
	height: 300px;
}
.new-li .new-li-img {
	float: left;
	margin-left: 65px;
	margin-top: 15px;
	text-align: left;
}
.new-li .new-li-img .nl-img {
	width: 130px;
	height: 130px;
	margin-right: 5px;
	border-radius: 10px;
	overflow: hidden;
	float: left;
}
.new-li .new-li-img .nl-img img {
	width: 100%;
}
.new-li .new-li-statistics {
	width: 100%;
	float: left;
	padding-left: 65px;
	text-align: left;
	margin-top: 30px;
}
.new-li .new-li-statistics .nl-span {
	width: 25%;
	font-size: 16px;
	float: left;
	cursor: pointer;
	color: grey;
	
}
.new-li .new-li-statistics .nl-span .iconfont {
	font-size: 18px;
	margin-right: 10px;
}
.new-li .new-li-statistics .nl-span :hover {
	color: var(--bwsz-color);
}
/* 资讯列表 end */

/* 右侧列表 start */
.new-right {
	width: 340px;
	overflow: hidden;
	border-radius: 5px;
	color: var(--bwsz-nav-li-color);
	background-color: var(--bwsz-nav-bg);
	margin-top: 10px;
	padding: 20px;
	position: fixed;
	top: 60px;
}
.new-right .new-right-top {
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
}
.new-right .new-right-top .iconfont {
	color: red;
	font-size: 20px;
}
.new-right .new-right-li {
	width: 100%;
	text-align: left;
	line-height: 40px;
	color: var(--bwsz-nav-li-color);
	display: block;
	position: relative;
}
.new-right a:nth-child(3) span{
	color: red;
}
.new-right a:nth-child(4) span{
	color: #F60;
}
.new-right a:nth-child(5) span{
	color: #FAA90E;
}
.new-right .new-right-li img {
	display: none;
	width: 100%;
	height: 120px;
	border-radius: 10px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
}
.new-right .new-right-li:hover img {
	display: block;
}
.new-right .new-right-li:hover {
	height: 120px;
}
.new-right .new-right-li:hover p {
	color: #fff;
	font-weight: 600;
	position: absolute;
	bottom: 10px;
	left: 0;
	z-index: 9;
	padding-left: 10px;
	
}
/* 右侧列表 end */

/* ai助手 start */

.chart-tab {
    width: 100%;
}
.chart-tab .chart-tab-li {
	color: var(--bwsz-nav-li-color);
	font-size: 16px;
	display: inline-block;
	cursor: pointer;
	padding: 15px 20px;
}
.chart-tab .chart-tab-active {
	color: #42b983;
}
.chart-div {
    width: 100%;
    height: calc(100vh - 108px);
}

.chat-box {
    padding: 10px;
}
.message {
    margin: 5px 0;
    padding: 15px;
    border-radius: 5px;
    white-space: pre-line;
	color: #000;
}
.user-message {
    /* background-color: #f0f0f0; */
	background-color: #2fde71;
    width: 100%;
    float: right;
    text-align: right;
}
.bot-message {
    background-color: #e0e0ff;
    width: 100%;
    float: left;
    text-align: left;
}
.input-area {
    width: 100%;
    display: flex;
    margin-top: 8px;
    float: left;
    margin-bottom: 30px;
}
.input-area input {
    flex: 1;
    padding: 10px;
    border: 1px solid var(--bwsz-color);
}
.input-area .button {
    width: 6%;
    padding: 18px;
    color: #fff;
    background: var(--bwsz-color);
    border: 1px solid var(--bwsz-color);
    cursor: pointer;
    box-sizing: border-box;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.generate-img {
	width: 100%;
}
.generate-img .generate-btn {
    color: #fff;
    background-color: var(--bwsz-color);
    border: 1px solid var(--bwsz-color);
    margin-top: 30px;
}
.generate-img img {
	max-height: 600px;
	display: inline-block;
	margin-top: 30px;
	border-radius: 10px;
}
/* ai助手 end */